@import url(col.css);
* { margin: 0; padding: 0; outline: 0; word-wrap: break-word; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box }

html { font-size: 100%; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -o-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent }
body { font: 400 14px/1.4 "Microsoft YaHei","微软雅黑","黑体","Helvetica Neue",Helvetica,Tahoma,Arial,"Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif }
dl, ol, ul { list-style-type: none; list-style: none }
address, article, aside, details, figcaption, figure, footer, header, hgroup, legend, menu, nav, section { display: block }
table { border-collapse: collapse; border-spacing: 0 }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; font-weight: 400 }
img, input, label, textarea, th { vertical-align: middle;  }
iframe, img { border: none }
a { text-decoration: none; outline: 0 }
    a:hover { text-decoration: none; outline: 0 }
    a:focus { outline: 0 }
    a:active, a:focus, a:hover { outline: 0 }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400 }
button, input, optgroup, option, select, textarea { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
button, input { overflow: visible; vertical-align: middle; outline: 0 }
    input[type=password], input[type=submit], input[type=reset], input[type=button], input[type=text] { -webkit-appearance: none; outline: 0 }
    button, input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
code, kbd, pre, samp { font-family: monaco,menlo,consolas,'courier new',courier,monospace }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; overflow: auto }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input { line-height: normal !important }
}

button, input[type=submit], input[type=reset], input[type=button] { -webkit-appearance: none }
body, html { width: 100%; height: 100%; padding: 0; margin: 0; line-height: 1.6;  color: #767d85; font-size: 14px }
.badge, .zui-btn, a, button, i, input, li { -webkit-transition: all .21s ease-in-out; -moz-transition: all .21s ease-in-out; -ms-transition: all .21s ease-in-out; -o-transition: all .21s ease-in-out; transition: all .21s ease-in-out }

img { max-width: 100%; max-height: 100% }
* { outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box }
:hover { outline: 0 }
.center-block { clear: both; display: block; margin-right: auto; margin-left: auto }
.pull-right { float: right !important; display: inline }
.pull-left { float: left !important; display: inline }
.clearfix:after { content: ''; display: block; width: 100%; height: 0; clear: both }
.hide { display: none !important }
.show { display: block !important }
.text-lowercase { text-transform: lowercase }
.text-uppercase { text-transform: uppercase }
.text-capitalize { text-transform: capitalize }
.text-center { text-align: center }
.text-left { text-align: left }
.text-right { text-align: right }
.text-justify { text-align: justify }
.text-truncate { overflow: hidden; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap }
.text-break { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; word-wrap: break-word; white-space: normal; -ms-hyphens: auto }
.text-nowrap { white-space: nowrap }
code { font-size: 90%; color: #5683ad; background-color: rgba(232,241,248,.0980392); padding: 1px 2px; border: 1px solid #bcd8f1; border-radius: 3px }
.font-size-0 { font-size: 0 !important }
.font-size-10 { font-size: 10px !important }
.font-size-12 { font-size: 12px !important }
.font-size-13 { font-size: 13px !important }
.font-size-14 { font-size: 14px !important }
.font-size-15 { font-size: 15px !important }
.font-size-16 { font-size: 16px !important }
.font-size-18 { font-size: 18px !important }
.font-size-20 { font-size: 20px !important }
.font-size-22 { font-size: 22px !important }
.font-size-24 { font-size: 24px !important }
.font-size-26 { font-size: 26px !important }
.font-size-28 { font-size: 28px !important }
.font-size-30 { font-size: 30px !important }
.font-size-40 { font-size: 40px !important }
.font-size-50 { font-size: 50px !important }
.font-size-60 { font-size: 60px !important }
.font-size-70 { font-size: 70px !important }
.font-size-80 { font-size: 80px !important }
.font-weight-100 { font-weight: 100 !important }
.font-weight-200 { font-weight: 200 !important }
.font-weight-300 { font-weight: 300 !important }
.font-weight-400 { font-weight: 400 !important }
.font-weight-500 { font-weight: 500 !important }
.font-weight-600 { font-weight: 600 !important }
.font-weight-700 { font-weight: 700 !important }
.font-weight-800 { font-weight: 800 !important }
.font-weight-900 { font-weight: 900 !important }
.font-weight-normal { font-weight: 400 !important }
.font-weight-bold { font-weight: 700 !important }
.height-50 { height: 50px !important }
.height-100 { height: 100px !important }
.height-120 { height: 120px !important }
.height-150 { height: 150px !important }
.height-200 { height: 200px !important }
.height-250 { height: 250px !important }
.height-300 { height: 300px !important }
.height-350 { height: 350px !important }
.height-400 { height: 400px !important }
.height-450 { height: 450px !important }
.height-500 { height: 500px !important }
.height-full { height: 100% !important }
.width-30 { width: 30px }
.width-50 { width: 50px }
.width-80 { width: 80px }
.width-100 { width: 100px }
.width-120 { width: 120px }
.width-150 { width: 150px }
.width-180 { width: 180px }
.width-200 { width: 200px }
.width-250 { width: 250px }
.width-300 { width: 300px }
.width-350 { width: 350px }
.width-400 { width: 400px }
.width-450 { width: 450px }
.width-500 { width: 500px }
.width-550 { width: 550px }
.width-600 { width: 600px }
.width-650 { width: 650px }
.width-700 { width: 700px }
.width-800 { width: 800px }
.width-900 { width: 900px }
.width-full { width: 100% }
.width-initial { width: initial !important }
[class*=" width-"], [class^=width-] { max-width: 100% !important }
.page { position: relative; min-height: 100vh; overflow: visible; background: #f6f6f6; max-width: 100% }
.page-header { position: relative; padding: 9.6px 12px; margin-top: 0; margin-bottom: 0; background: 0 0; border-bottom: none }
.page-content { padding: 0 12px }
    .page-content:after { content: ''; display: block; width: 100%; height: 0; clear: both; overflow: hidden }
    .page-content > :not(script):last-child { margin-bottom: 0 !important }
.page-header + .page-content { padding-top: 0 }
.page-title { margin-top: 0; margin-bottom: 0; font-size: 18px }
.page-description { margin-top: 6px; color: #a3afb7 }
.panel { background-color: #fff; border: 1px solid transparent; border-color: #e0e5ea; border-radius: 1px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 2px 5px rgba(0,0,0,.03) }
.panel-header { position: relative; padding: 0; border-bottom: 1px solid transparent }
    .panel-header + .alert { border-radius: 0 }
    .panel-header > .nav-tabs { border-bottom: none }
    .panel-header + .nav-tabs { margin-top: -10px }
.panel-title { display: block; padding: 12px 24px; font-size: 16px; color: #767d85 }
    .panel-title:before { content: ''; display: none; speak: none; font: normal normal normal 14px/1; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0,0); width: 11px; height: 11px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border: 3px #e3f0ff solid; overflow: hidden; margin-right: 6px }
.panel-body { padding: 0 24px 24px; position: relative }
    .panel-body:after { content: ''; display: block; width: 100%; height: 0; clear: both; overflow: hidden }
.panel-footer { padding: 0 24px 12px; line-height: 1.6; background-color: transparent; border-top: 1px solid transparent; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
.panel-bordered > .panel-header { border-bottom: 1px solid #e0e5ea }
.panel-bordered > .panel-body { padding-top: 24px }
.panel-bordered > .panel-footer { padding-top: 12px; border-top: 1px solid #e0e5ea }
.panel-actions { position: absolute; top: 50%; right: 24px; z-index: 1; margin: auto; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%) }
.panel-table { display: table }
    .panel-table > * { display: table-cell; vertical-align: top !important }
.zui-btn { display: inline-block; padding: 4px 12px; font-size: 14px; line-height: 1.6; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; white-space: nowrap; vertical-align: middle; text-align: center; font-weight: 400; touch-action: manipulation; max-width: 100%; cursor: pointer; user-select: none; background-color: #fff; color: #767d85; position: relative; -webkit-transition: all .21s ease-in-out; -moz-transition: all .21s ease-in-out; -ms-transition: all .21s ease-in-out; -o-transition: all .21s ease-in-out; transition: all .21s ease-in-out }
    .zui-btn.active:focus, .zui-btn:active:focus, .zui-btn:focus { outline: 0 }
    .zui-btn.active, .zui-btn:active { -webkit-box-shadow: none; box-shadow: none }
    .zui-btn [class*=" fa-"], .zui-btn [class^=fa-] { width: 1em; margin: 0 3px; line-height: inherit; text-align: center }
        .zui-btn [class*=" fa-"].pull-right, .zui-btn [class^=fa-].pull-right { margin-left: .3em }
    .zui-btn.btn-lg { padding: 6px 18px; font-size: 18px; line-height: 1.3333333; border-radius: 4px }
    .zui-btn.btn-sm { padding: 3px 10px; font-size: 12px; line-height: 1.5; border-radius: 2px }
    .zui-btn.btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 2px }
    .zui-btn.btn-squared { border-radius: 0 }
    .zui-btn.btn-round { border-radius: 1000px }
    .zui-btn.btn-raised { -webkit-box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.16); box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.16) }
        .zui-btn.btn-raised.active, .zui-btn.btn-raised:active, .zui-btn.btn-raised:hover { -webkit-box-shadow: 0 0 3px rgba(0,0,0,.15),0 3px 6px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.15),0 3px 6px rgba(0,0,0,.2) }
        .zui-btn.btn-raised.disabled, .zui-btn.btn-raised[disabled] { -webkit-box-shadow: none; box-shadow: none }
    .zui-btn.btn-icon { padding: 8px; line-height: 1em }
        .zui-btn.btn-icon [class*=" fa-"], .zui-btn.btn-icon [class^=fa-] { padding: 0; margin: 0; line-height: 1em }
        .zui-btn.btn-icon.btn-xs { padding: 4px; font-size: 12px }
        .zui-btn.btn-icon.btn-sm { padding: 8px; font-size: 14px }
        .zui-btn.btn-icon.btn-lg { padding: 12px; font-size: 20px }
        .zui-btn.btn-icon.disabled { color: #a3afb7 }
    .zui-btn.btn-pure, .zui-btn.btn-pure:active, .zui-btn.btn-pure:focus, .zui-btn.btn-pure:hover { background-color: transparent; border-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none }
    .zui-btn.btn-dropdown:after { content: ''; display: inline-block; width: 0; height: 0; margin-left: .2em; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; -webkit-transform: scale(1.001); -moz-transform: scale(1.001); -ms-transform: scale(1.001); -o-transform: scale(1.001); transform: scale(1.001); transition: .25s }
    .zui-btn.btn-labeled { padding: 0; padding-right: 8px }
        .zui-btn.btn-labeled .btn-label { padding: 4px 8px; margin-right: 5px; display: inline-block; background-color: rgba(0,0,0,.15); border-radius: 3px 0 0 3px }
    .zui-btn.btn-file { position: relative; cursor: pointer }
        .zui-btn.btn-file [class*=" fa-"], .zui-btn.btn-file [class^=fa-] { cursor: pointer; margin: 0; height: 1em }
        .zui-btn.btn-file input[type=file] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: inline-block; width: 100%; height: 100%; cursor: pointer; opacity: 0 }
    .zui-btn .badge { position: relative; top: -1px; padding: 2px 5px; margin-left: 4px }
.btn-block { display: block; width: 100%; white-space: normal }
    .btn-block + .btn-block { margin-top: 5px }
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% }
.zui-btn.disabled, .zui-btn[disabled], fieldset[disabled] .zui-btn { cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none; opacity: .65 }
a.zui-btn.disabled, fieldset[disabled] a.zui-btn { pointer-events: none }
.btn-danger, .btn-dark, .btn-default, .btn-fuzhu, .btn-info, .btn-primary, .btn-success, .btn-warning { color: #fff }
    .btn-danger.btn-outline, .btn-dark.btn-outline, .btn-default.btn-outline, .btn-fuzhu.btn-outline, .btn-info.btn-outline, .btn-primary.btn-outline, .btn-success.btn-outline, .btn-warning.btn-outline { background-color: transparent }
        .btn-danger.btn-outline:focus, .btn-danger.btn-outline:hover, .btn-dark.btn-outline:focus, .btn-dark.btn-outline:hover, .btn-default.btn-outline:focus, .btn-default.btn-outline:hover, .btn-fuzhu.btn-outline:focus, .btn-fuzhu.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:hover { color: #fff }
        .btn-danger.btn-outline.btn-outline:active, .btn-dark.btn-outline.btn-outline:active, .btn-default.btn-outline.btn-outline:active, .btn-fuzhu.btn-outline.btn-outline:active, .btn-info.btn-outline.btn-outline:active, .btn-primary.btn-outline.btn-outline:active, .btn-success.btn-outline.btn-outline:active, .btn-warning.btn-outline.btn-outline:active { border-color: transparent }
    .btn-danger.btn-pure, .btn-dark.btn-pure, .btn-default.btn-pure, .btn-fuzhu.btn-pure, .btn-info.btn-pure, .btn-primary.btn-pure, .btn-success.btn-pure, .btn-warning.btn-pure { font-size: 16px; padding-left: 4px; padding-right: 4px }
.btn-fuzhu { background-color: #e84d3d }
    .btn-fuzhu:hover { background-color: #ea5a4b }
    .btn-fuzhu.btn-outline { border-color: #ea5a4b; color: #e84d3d }
        .btn-fuzhu.btn-outline:focus, .btn-fuzhu.btn-outline:hover { background-color: #e84d3d; border-color: #ea5a4b }
        .btn-fuzhu.btn-outline:active, .btn-fuzhu:active, .btn-fuzhu:focus { background-color: #e53826 }
    .btn-fuzhu.btn-pure { color: #e84d3d !important }
        .btn-fuzhu.btn-pure:focus, .btn-fuzhu.btn-pure:hover { color: #e53826 !important }
.btn-default { background-color: #4389d4 }
    .btn-default:hover { background-color: #125aac }
    .btn-default.btn-outline { border-color: #1bb2c4; color: #19a6b7 }
        .btn-default.btn-outline:focus, .btn-default.btn-outline:hover { background-color: #19a6b7; border-color: #1bb2c4 }
        .btn-default.btn-outline:active, .btn-default:active, .btn-default:focus { background-color: #1692a1 }
    .btn-default.btn-pure { color: #19a6b7 !important }
        .btn-default.btn-pure:focus, .btn-default.btn-pure:hover { color: #1692a1 !important }
.btn_state { display: inline-block; height: 22px; width: 46px; overflow: hidden; background-color: #f6f6f6; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; border: 1px #19a6b7 solid; margin: 6px auto; cursor: pointer; -webkit-transition: all .21s ease-in-out; -moz-transition: all .21s ease-in-out; -ms-transition: all .21s ease-in-out; -o-transition: all .21s ease-in-out; transition: all .21s ease-in-out; position: relative }
    .btn_state:after, .btn_state:before { content: " "; display: inline-block; height: 14px; line-height: 14px; -webkit-transition: all .21s ease-in-out; -moz-transition: all .21s ease-in-out; -ms-transition: all .21s ease-in-out; -o-transition: all .21s ease-in-out; transition: all .21s ease-in-out; font-size: 10px; position: absolute; z-index: 1; zoom: 1; top: 3px }
    .btn_state:after { width: 14px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; background-color: #19a6b7; left: 2px }
    .btn_state:before { content: "OFF"; right: 2px; width: 30px; text-align: center; color: #a7b1c2 }
    .btn_state.open { background-color: #19a6b7 }
        .btn_state.open:after { background-color: #fff; left: 28px }
        .btn_state.open:before { content: "ON"; right: auto; left: 2px; color: #fff }
.zui-row { max-width: 100% }

.zui-form-input, .zui-form-select, .zui-inline { position: relative; display: inline-block; vertical-align: middle; max-width: 100% !important }
.zui-inline { float: left; margin-bottom: 10px; padding-right: 20px }
.zui-form-input, .zui-form-select { max-width: 100%; width: 100% }
.zui-form-select { width: 100% }
.zui-form-label { display: block; padding: 6px 10px 6px 0; line-height: 20px; font-weight: 400; color: #767d85 }
.zui-input, .zui-textarea { display: block; width: 100%; max-width: 100%; padding: 0 10px; height: 32px; line-height: 32px; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 2px; color: #767d85; font-size: 14px; box-shadow: none !important; outline: 0; resize: none; -webkit-appearance: none }
    .zui-input:focus, .zui-textarea:focus { border-color: #19a6b7; background-color: #fff }
        .zui-input:focus.border-none, .zui-textarea:focus.border-none { border-color: transparent }
    .zui-input:disabled, .zui-textarea:disabled { background-color: #f8f8f8; color: #a7b1c2 }
    .zui-input::-webkit-input-placeholder, .zui-textarea::-webkit-input-placeholder { color: #a7b1c2 }
    .zui-input:-moz-placeholder, .zui-textarea:-moz-placeholder { color: #a7b1c2 }
    .zui-input::-moz-placeholder, .zui-textarea::-moz-placeholder { color: #a7b1c2 }
    .zui-input:-ms-input-placeholder, .zui-textarea:-ms-input-placeholder { color: #a7b1c2 }
    .zui-input[readonly], .zui-textarea[readonly] { cursor: pointer }
    .zui-input.input-dark, .zui-textarea.input-dark { background: #f3f7f9 }
        .zui-input.input-dark:hover, .zui-textarea.input-dark:hover { background-color: #fff }
    .zui-input.isError, .zui-textarea.isError { background-color: #fbe2e2; border-color: #e84d3d }
.zui-textarea { height: auto; line-height: 1.6; padding: 4px 12px }
    .zui-textarea::-webkit-scrollbar { width: 6px; height: 6px }
    .zui-textarea::-webkit-scrollbar-thumb { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background: rgba(0,0,0,.23); border: none }
    .zui-textarea::-webkit-scrollbar-track { background: rgba(0,0,0,0); border: none }
    .zui-textarea::-webkit-scrollbar-button { display: none }
    .zui-textarea::-webkit-scrollbar-corner { background: rgba(0,0,0,0) }
.form-horizontal.zui-inline { padding: 0 20px 0 100px }
.form-horizontal .zui-form-label { position: absolute; z-index: 10; zoom: 1; left: 0; top: 0; width: 100px; text-align: right }
.form-horizontal .zui-form-input, .form-horizontal .zui-form-select { width: 100% }
.zui-form-title { display: block; clear: both; width: 100%; height: 20px; margin-bottom: 20px; border-bottom: 1px #eee solid; position: relative }
    .zui-form-title label { display: inline-block; line-height: 20px; padding: 0 10px; background-color: #fff; position: absolute; z-index: 1; zoom: 1; bottom: 0; left: 20px; margin-bottom: -10px; font-size: 16px; color: #a7b1c2; font-weight: 400 }
.zui-form-text { display: inline-block; min-height: 32px; padding-top: 4px; padding-bottom: 4px; margin-bottom: 0; max-width: 100% }
    .zui-form-text::selection { background: #19a6b7; color: #fff }
    .zui-form-text::-moz-selection { background: #19a6b7; color: #fff }
.form-round { -webkit-border-radius: 200px; -moz-border-radius: 200px; -ms-border-radius: 200px; -o-border-radius: 200px; border-radius: 200px; padding-left: 15px }
.zui-form-select { position: relative }
    .zui-form-select .zui-input { padding-right: 14px; cursor: pointer; text-overflow: ellipsis }
    .zui-form-select:after { content: ''; display: inline-block; width: 0; height: 0; position: absolute; z-index: 20; zoom: 1; top: 50%; right: 8px; vertical-align: middle; border-top: 4px solid #a7b1c2; border-right: 4px solid transparent; border-left: 4px solid transparent; -webkit-transform: scale(1.002); -moz-transform: scale(1.002); -ms-transform: scale(1.002); -o-transform: scale(1.002); transform: scale(1.002); transition: .25s }
.input-group { position: relative; display: table; border-collapse: separate }
    .input-group > * { display: table-cell; position: relative; white-space: nowrap; vertical-align: middle; margin: 0 !important }
    .input-group > :last-child, .input-group > :last-child .zui-btn, .input-group > :last-child .zui-input { border-left: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important }
    .input-group > :first-child, .input-group > :first-child .zui-btn, .input-group > :first-child .zui-input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important }
    .input-group .zui-form-input .zui-input { width: 100% }
    .input-group .zui-btn { height: 32px }
    .input-group .input-group-addon { padding: 4px 8px; font-size: 14px; font-weight: 400; width: 1%; line-height: 1; color: #767d85; text-align: center; background-color: #f3f7f9; border: 1px solid #e6e6e6; border-radius: 3px }
        .input-group .input-group-addon:first-child { border-right: 0 !important }
.input-search { position: relative }
    .input-search .zui-btn { position: absolute; top: 50%; z-index: 1; right: 4px; margin: 0 !important; width: 32px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #767d85 !important }
.help-block { display: block; max-width: 100%; margin-top: 7px; margin-bottom: 8px; color: #a7b1c2 }
[class*=" col-"] > .zui-form-input, [class^=col-] > .zui-form-input { width: 100% !important }

@media (max-width:640px) {
    [class*=" width-"], [class^=width-] { width: initial }
    .zui-inline { float: initial; width: 100%; padding-right: 0 }
    .zui-form-input, .zui-form-select { width: 100% }
    .form-horizontal.zui-inline { padding: 0 }
    .form-horizontal .zui-form-label { position: initial; left: initial; top: initial; width: initial; text-align: initial }
    .form-horizontal .zui-form-input, .form-horizontal .zui-form-select { width: 100% }
    .zui-form-title label { left: 0 }
	.ui-call { display: none; }
}

.zui-checkbox, .zui-radio { display: none; z-index: 1; width: 20px; height: 20px; opacity: 0 }
    .zui-checkbox + label, .zui-radio + label { position: relative; display: inline-block; max-width: 100%; padding-left: 5px; margin-left: 20px; vertical-align: middle; min-height: 20px; line-height: 20px; cursor: pointer }
        .zui-checkbox + label:after, .zui-checkbox + label:before, .zui-radio + label:after, .zui-radio + label:before { position: absolute; left: 0; top: 50%; margin: -10px 0 0 -20px; display: inline-block; width: 20px; height: 20px }
        .zui-checkbox + label:before, .zui-radio + label:before { content: ""; z-index: 1; background-color: #fff; border: 1px solid #e0e5ea; border-radius: 3px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
        .zui-checkbox + label:after, .zui-radio + label:after { content: "\f00c"; font-family: FontAwesome; display: none; z-index: 2; font-size: 12px; line-height: 20px; color: #fff; text-align: center }
    .zui-checkbox:checked + label:before, .zui-radio:checked + label:before { border-color: #e0e5ea; border-width: 10px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
    .zui-checkbox:checked + label:after, .zui-radio:checked + label:after { display: inline-block }
    .zui-checkbox:checked.default + label:before, .zui-radio:checked.default + label:before { border-color: #19a6b7 }
    .zui-checkbox:disabled:checked + label:after, .zui-radio:disabled:checked + label:after { color: #a7b1c2; cursor: not-allowed }
    .zui-checkbox:disabled + label:before, .zui-checkbox:disabled:checked + label:before, .zui-radio:disabled + label:before, .zui-radio:disabled:checked + label:before { cursor: not-allowed; background-color: #f3f7f9; border-color: #e0e5ea; border-width: 1px }
    .zui-radio + label:before { border-radius: 50% }
    .zui-radio + label:after { content: "\f111"; font-size: 9px; -webkit-text-shadow: 0 0 4px rgba(0,0,0,.12); -moz-text-shadow: 0 0 4px rgba(0,0,0,.12); -ms-text-shadow: 0 0 4px rgba(0,0,0,.12); -o-text-shadow: 0 0 4px rgba(0,0,0,.12); text-shadow: 0 0 4px rgba(0,0,0,.12); -khtml-opacity: .8; -webkit-opacity: .8; -moz-opacity: .8; -ms-opacity: .8; -o-opacity: .8; opacity: .8; filter: alpha(opacity=80); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(Opacity=80) }
.dropdown-list { display: none; position: absolute; z-index: 999; left: 0; top: 100%; float: left; margin: 2px 0 0; padding: 0; zoom: 1; min-width: 100%; border: 1px solid #19a6b7; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.12); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.12); -ms-box-shadow: 0 2px 4px rgba(0,0,0,.12); -o-box-shadow: 0 2px 4px rgba(0,0,0,.12); box-shadow: 0 2px 4px rgba(0,0,0,.12) }
    .dropdown-list li { display: block; padding: 6px 12px; clear: both; font-weight: 400; line-height: 20px; font-size: 13px; color: #767d85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; text-align: left; -webkit-transition: all 0 ease 0; -moz-transition: all 0 ease 0; -ms-transition: all 0 ease 0; -o-transition: all 0 ease 0; transition: all 0 ease 0 }
        .dropdown-list li.selected { position: relative }
            .dropdown-list li.selected:after { content: "\f192"; font-family: WebIcons; width: 20px; line-height: 20px; text-align: center; display: inline-block; position: absolute; z-index: 1; zoom: 1; top: 50%; right: 10px; margin-top: -10px; color: #333 }
        .dropdown-list li:focus, .dropdown-list li:hover { color: #767d85; text-decoration: none; background-color: #f5f5f5; outline: 0 }
        .dropdown-list li.active { color: #fff; text-decoration: none; background-color: #19a6b7; outline: 0 }
    .dropdown-list table { min-width: 100%; overflow: hidden; padding: 4px 0; font-size: 13px }
        .dropdown-list table tr { white-space: nowrap; overflow: hidden; border-bottom: 1px #f2f2f2 solid; cursor: pointer }
            .dropdown-list table tr td, .dropdown-list table tr th { padding: 8px; overflow: hidden; text-overflow: ellipsis }
                .dropdown-list table tr td span, .dropdown-list table tr th span { display: inline-block; line-height: 1; overflow: hidden; text-overflow: ellipsis }
    .dropdown-list .inner { zoom: 1; min-width: 100%; max-width: 500px; max-height: 296px; overflow: auto }
        .dropdown-list .inner::-webkit-scrollbar { width: 6px; height: 6px }
        .dropdown-list .inner::-webkit-scrollbar-thumb { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background: #19a6b7; border: none }
        .dropdown-list .inner::-webkit-scrollbar-track { background: #f9f9f9; border: none }
        .dropdown-list .inner::-webkit-scrollbar-button { display: none }
        .dropdown-list .inner::-webkit-scrollbar-corner { background: #f9f9f9 }
        .dropdown-list .inner tr:hover { background-color: #f9fbfc }
        .dropdown-list .inner tr.active { background-color: #ffe48d }
    .dropdown-list .fixed { min-width: 100%; max-width: 500px; overflow: hidden; background-color: #f8f8f8 }
        .dropdown-list .fixed table { color: #767d85; background-color: #f8f8f8 }
            .dropdown-list .fixed table span { padding: 2px 0 }
    .dropdown-list.open { display: block }
    .dropdown-list.dropup { top: auto; bottom: 100%; margin-bottom: 2px; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.125); -moz-box-shadow: 0 3px 8px rgba(0,0,0,.125); -ms-box-shadow: 0 3px 8px rgba(0,0,0,.125); -o-box-shadow: 0 3px 8px rgba(0,0,0,.125); box-shadow: 0 3px 8px rgba(0,0,0,.125) }
    .dropdown-list.inright { left: auto; right: 0 }
.dropdown-menu { display: none; position: absolute; z-index: 1200; left: 0; top: 100%; float: left; margin: 2px 0 0; padding: 1px 0; zoom: 1; min-width: 100%; border: 1px solid #e0e5ea; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 3px 12px rgba(0,0,0,.05); -moz-box-shadow: 0 3px 12px rgba(0,0,0,.05); -ms-box-shadow: 0 3px 12px rgba(0,0,0,.05); -o-box-shadow: 0 3px 12px rgba(0,0,0,.05); box-shadow: 0 3px 12px rgba(0,0,0,.05); transition: .25s }
    .dropdown-menu:after { content: " "; width: 100%; height: 3px; position: absolute; z-index: 1000; zoom: 1; top: -3px; left: 0 }
    .dropdown-menu > li { padding: 0 3px; margin: 3px 0; font-size: 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; min-width: 150px }
        .dropdown-menu > li > a { display: block; padding: 6px 12px; clear: both; font-weight: 400; line-height: 1.6; color: #767d85; white-space: nowrap; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px }
            .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #fff; text-decoration: none; background-color: #19a6b7 }
        .dropdown-menu > li.active a { color: #fff; background-color: #19a6b7 }
        .dropdown-menu > li [class*=" fa-"], .dropdown-menu > li [class^=fa-] { cursor: pointer; margin-right: .6em; height: 1em }
    .dropdown-menu .divider { height: 1px; margin: 4px 0; overflow: hidden; background-color: #e0e5ea }
    .dropdown-menu > .disabled { color: #a7b1c2 }
        .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: #a7b1c2 !important; text-decoration: none; cursor: not-allowed; background-color: transparent !important; background-image: none !important }
    .dropdown-menu.pull-right { right: 0; left: auto }
.badge { display: inline-block; min-width: 10px; padding: 3px 6px; font-size: 12px; font-weight: 500; line-height: 1; color: #76838f; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #e4eaec; border-radius: 15px; border: 1px solid transparent }
    .badge:empty { display: none }
    .badge.badge-lg { padding: 5px 9px; font-size: 16px }
    .badge.badge-sm { padding: 2px 5px; font-size: 10px }
    .badge.badge-radius { border-radius: 3px }
    .badge.up { position: relative; top: -10px; margin: 0 -.2em 0 -.8em; border-radius: 15px }
    .badge.badge-outline { background-color: transparent !important; border-color: #767d85 }
a.badge:focus, a.badge:hover { color: #19a6b7; text-decoration: none; cursor: pointer }
